<template>
    <example :template-code="templateString">
        <template #describe>
            <t :id="`${$t('月份选择')}`">{{ $t('月份选择') }}</t>
        </template>
        <div style="width: 300px;color:#666;">
            <sib-item v-model="value" :props="props"></sib-item>
            <p>当前选择的是：{{ value }}</p>
        </div>
    </example>
</template>

<script>
import { ref, reactive } from 'vue';

export default {
    setup() {
        const value = ref('2023-09');
        const props = reactive({ type: 'month' });

        return {
            value,
            props,
            templateString: `<template>
    <sib-item v-model="value" :props="props"></sib-item>
    <p>当前选择的是：{{ value }}</p>
</template>

<script>
import { ref, reactive } from 'vue';

export default {
    setup() {
        const value = ref('2023-09');
        const props = reactive({ type: 'month' });

        return { value, props };
    },
};
<\/script>`,
        };
    },
};
</script>
